/* 字体图标
@font-face {
  font-family: 'iconfont';
  src: url('../iconfont/iconfont.eot');
  src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../iconfont/iconfont.woff2') format('woff2'),
      url('../iconfont/iconfont.woff') format('woff'),
      url('../iconfont/iconfont.ttf') format('truetype'),
      url('../iconfont/iconfont.svg#iconfont') format('svg');
}*/
/* iconfont样式 
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}  */
/* 版面宽度 */
.w{
  width: 1200px;
  margin: 0 auto;
}
/* 商品价格的字号 */
.font-size{
  font-size: 22px !important;
}
/* ￥变小 */
.sm-font{
  font-size: 14px !important;
}
/* 清除浮动 */
.clearfix::after {
  display: table;
  content: '';
  clear: both;
}
.clearfix::before{
  display: table;
  content: '';
  clear: both;
}
/* logo区域和商品导航栏 开始 */
.pro-nav{
  height: 74px;
}
.pro-nav::before{
  content: "";
  display: table;
}
.pro-nav .logo{
  float: left;
}
.pro-nav .logo a{
  float: left;
  display: inline-block;
  width: 102px;
  height: 36px;
  padding-right: 15px;
  margin-top: 19px;
  background: url('../images/WTDdguIWgNsNWtK0Q1Z3.png') no-repeat;
  background-size:contain;
}
.pro-nav .logo .sx{
  float: left;
  width: 1px;
  height: 20px;
  margin: 26px 10px 0;
  background: #000;
}
.pro-nav .logo h1{
  float: left;
  margin-top: 22px;
  font-size: 18px;
}
.pro-nav .prolist{
  float: left;
  margin-left: 30px;
}
.pro-nav .prolist>ul>li{
  float: left;
  padding-bottom: 8px;
  margin: 25px 10px;
  border-bottom: 2px solid transparent;
}
.pro-nav .prolist>ul>li:hover{
  border-bottom: 2px solid #CE242B;
}
.pro-nav .prolist>ul>li a{
  color: #000;
  font-size: 16px;
}
.pro-nav .prolist>ul>li a:hover{
  color: #CE242B;
}
/* 搜索框 */
.pro-nav .search{
  float: right;
  width: 240px;
  height: 30px;
  margin-top: 25px;
}
.pro-nav .search input{
  float: left;
  width: 205px;
  height: 30px;
  outline: none;
  border: 1px solid #D4D4D4;
  border-right: 0;
  border-radius: 20px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  background: #F0F0F0;
  text-align: center;

}
.pro-nav .search .search-icon{
  float: left;
  width: 35px;
  height: 30px;
  border: 1px solid #D4D4D4;
  border-left: 0;
  border-radius: 20px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;

  outline: none;
}
/* logo区域和商品导航栏 结束 */
/* 页面主体部分 */
/* 轮播图 */
.main .carousel{
  position: relative;
  min-width: 1000px;
}
.main .carousel .carousel-banner{
  overflow: hidden;
  width: 100%;
  height: 600px;
}
.main .carousel ul li {
  float: left;
  width: 100%;
}
/* 轮播图光标 */
.carousel .cursor{
  position: absolute;
  width: 120px;
  height: 20px;
  bottom: 20px;
  left: 50%;
  margin-left: -60px;
}
.carousel .cursor ul li {
  float: left;
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #fff;
  border-radius: 50%;
}
.carousel .cursor ul li.active{
  background: #878787;
} 
/* 轮播图下面的导航 */
.main .mod-nav-wrp{
  height: 100px;
  background: #D3261F;
}
.main .mod-nav-wrp .huawei-nav{
  height:100px;
}
.main .mod-nav-wrp .huawei-nav a{
  display: block;
  float: left;
  width: 20%;
  height: 100%;
  text-align: center;
}
.main .mod-nav-wrp .huawei-nav .iconfont{
  font-size: 40px;
}
.main .mod-nav-wrp .huawei-nav>a{
  color: #fff;
}
.main .mod-nav-wrp .huawei-nav a>span{
  display: inline-block;
  width: 60px;
  margin-top: 10px;
  background: #F5DAAB;
  border-radius: 50%;
  line-height: 60px;
  font-size: 32px;
  color: #BA251F;
}
.main .mod-nav-wrp .huawei-nav a>p{
  margin-top: 3px;
  font-size: 18px;
  border-right: 1px solid #DE5C55;
}
/* 具体产品 bg #BA251F */
.main .project{
  background: #BA251F;
}
.main .project .welfare a{
  display: block;
  width: 100%;
  height: 397px;
  background: url(../images/df5d511c-1e6d-4bd9-872a-5c02a8d06d51.jpg)  center;
}
.main .project .pic-wrap .pic{
  display: block;
  width: 100%;
  height: 184px;
  background: url(../images/b50c1ae6-0f6a-44d3-b37f-c02835add4e2.jpg) center;
}
/* 具体商品 */
/* 新品模块 */
.main .project .new-pro{
  height: 315px;
  background: #fff;
  border-radius: 18px;
}
.main .project .new-pro .pro-txt{
  float: left;
  width: 50%;
  height: 315px;
  padding-top: 70px;
  text-align: center;
}
.main .project .new-pro .pro-txt p{
  margin: 30px 0 40px;
  font-weight: 700;
  letter-spacing: 3px;
}
.main .project .new-pro .pro-txt a{
  padding: 16px 48px;
  border: 1px solid #000;
  border-radius: 50px;
  font-size: 22px;
  font-weight: 700;
}
.main .project .new-pro .pro-txt a>span{
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  border-radius: 50%;
  color: #fff;
  background: #000;
}
.main .project .products .new-pro .pro-txt a:hover{
  color: #000;
}
.main .project .products .new-pro .pro-pic{
  float: left;
  width: 50%;
  height: 315px;
  background: url(../images/9dccd10e-abdc-462b-9e10-45c4780f9369.png) no-repeat center;
  background-size:contain;
}
/* 热销 */
.products .hot-pro{
  width: 100%;
  height: 623px;
  margin-top: 5px;
  background: url(../images/0bd88e77-b33a-4950-b83f-b2711c9c1e47.jpg)  no-repeat center;
}
/* 感恩回馈礼 */
.main .project .hl .pic{
  background: url(../images/6834e76f-8cbd-4ea6-9ee7-b00388fee8d7.jpg) no-repeat  center;
}
.main .project .layout{
  width: 100%;
  height: 940px;
}

.main .project .layout .grid-list>li{
  float: left;
  width: 290px;
  height: 460px;
  margin: 5px;
  background: #fff;
  text-align: center;
}
/* 设置图片区域为相对定位 */
.main .project .layout .grid-list .grid-item{
  position: relative;
  height: 290px;
  background: #EBEEF3;
}
.main .project .layout .grid-list .grid-txt h1{
  margin: 20px 0 10px 0;
  font-size: 22px;
  font-weight: 400;
}
.main .project .layout .grid-list .grid-txt a{
  display: inline-block;
  padding: 8px 40px;
  margin-top: 20px;
  border-radius: 20px;
  background: #000;
  font-size: 22px;
  color: #fff;
}

/* 图片区域的小徽章 使用绝对定位 */
.main .project .layout .grid-list p.sale{
  position: absolute;
  width: 98px;
  border-radius: 21px 15px 15px 0px;
  background: #E2342B;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  bottom : 0;
}
/* 二楼智能家居 */
.main .project .smart-jj .pic{
  background: url(../images/aff9af4c-3646-40f1-8bd5-48ff27d96e2b.jpg) no-repeat  center;
}
/* 智能家居商品第三列 */
.main .project .smart-jj .swiper-container{
  height: 278px;
  margin-top: 10px;
  text-align: center;
}
.main .project .smart-jj .swiper-container ul>li{
  float: left;
  width: 20%;
  height: 278px;
  background: #fff;
  border-right: 1px solid #EAEAEA;
}
.main .project .smart-jj .swiper-container ul>li:hover{
  margin-top: -5px;
  box-shadow: 2px 0px 6px 0px #000;
}
.main .project .smart-jj .swiper-container ul>li .swiper-pic img{
  width: 120px;
  height: 120px;
  margin-top: 30px;
}
.main .project .smart-jj .swiper-txt .color-3a{
  margin-top: 30px;
  font-size: 14px;
  color: #3a3a3a;
} 
.main .project .smart-jj .swiper-txt .color-a4{
  margin-top: 5px;
  font-size: 12px;
  color: #a4a4a4;
} 
.main .project .smart-jj .swiper-txt .color-c8102e{
  margin-top: 15px;
  font-size: 14px;
  color: #c8102e;
} 
/* 三楼运动穿戴 */
.main .project .sport-cd .pic{
  background: url(../images/11927379-b6fe-430d-a360-3b3a08fb1093.jpg) no-repeat  center;
}
/* 四楼潮酷数码 */
.main .project .cksm .pic{
  background: url(../images/59004874-703e-41a4-979f-a31183666b78.jpg) no-repeat  center;
}
.main .project .cksm .ad{
  height: 300px;
  margin-top: 10px;
}
/* 五楼更多品类 */
.main .project .more .pic{
  background: url(../images/382e1f59-0bf3-4cac-8051-ee4dd2371204.jpg) no-repeat  center;
}
/* 六楼选项卡 导航 */
.main .project .selects ul.select-nav{
  height: 60px;
  margin-top: 10px;
  border-radius: 30px;  
  background: #DDDCDC;
  text-align: center;
}
.main .project .selects ul.select-nav>li{
  float: left;
  width: 33.33%;
  height: 100%;
  line-height: 60px;
  font-size: 20px;
  color: #fff;
}
.main .project .selects ul.select-nav>li.active{
  border-radius: 30px;  
  background: #1D1D1D;
}
/* 选项卡 */
.main .project .selects .selects-items{
  margin-top: 20px;
}
.main .project .selects .selects-items ul{
  height: 420px;
}
.main .project .selects .selects-items ul li{
  float: left;
  width: 290px;
  height: 100%;
  background: #fff;
  text-align: center;
} 
.main .project .selects .selects-items ul>li~li{
  margin-left: 13px;
}
.main .project .selects .selects-items ul>li a{
  display: block;
} 
.main .project .selects .selects-items .select-pic{
  width: 290px;
  height: 290px;
  background: #EBEEF3;
}
.main .project .selects .selects-items h1{
    margin-top: 20px;  
    color: #000;
    font-size: 22px;
    font-weight: 400;
}
.main .project .selects .selects-items p{
  color: #666;
}
.main .project .selects .selects-items .btn{
  width: 130px;
  margin:15px auto;
  padding: 0 10px;
  background: #000;
  border-radius: 18px;
  color: #fff;
  line-height: 36px;
}
/* 更多福利 */
.main .project .more-fl .pic{
  background: url(../images/b1012fdf-b99c-4dc1-91a3-3f3a16421129.jpg) no-repeat  center;
}
.main .project .more-fl .fls {
  height: 161px;
}
.main .project .more-fl .fls>ul li{
  float: left;
  width: 24.5%;
  margin: 0.25%;
}
.main .project .more-fl .fls>ul li a{
  display: block;
  width: 100%;
  height: 150px;
  padding: 20px 20px 0 40px;
  border-radius: 18px;
  background: #fff url(../images/computer.png) no-repeat 90% center;
  color: #000;
}
.main .project .more-fl .fls-txt{
  display: block;
  margin-right: 120px;
  text-align: center;
  color: #585858;
}
.main .project .more-fl .title{
  font-size: 25px;
}
.main .project .more-fl .fls-btn{
  width: 120px;
  height: 30px;
  margin-top: 20px;
  background: #fff;
  border: 2px dashed #585858;
  border-radius: 18px;
}
/* 限时秒杀 */
.main .project .ms-pro .pic{
  background: url(../images/994ed0a5-820d-43c9-892a-08b05be4e272.jpg) no-repeat  center;
}
.main .project .ms-pro .ms{
  height: 286px;
  padding: 25px 20px;
  border-radius: 18px;
  background: #fff;
}
.main .project .ms-pro .ms-content>div{
  float: left;
}
.main .project .ms-pro .ms-content>div>div{
  float: left;
}
/* 秒杀的左边 */
.main .project .ms-pro .ms-content .ms-l{
  width: 588px;
  height: 240px;
  border-right: 2px dashed #1D1D1D;
}
.main .project .ms-pro .ms-content .ms-l .ms-pic,
.main .project .ms-pro .ms-content .ms-r .ms-pic{
  width: 200px;
  height: 200px;
  margin-top: 50px;
}
/* 秒杀的右边 */
.main .project .ms-pro .ms-content .ms-r{
  float: right;
  width: 560px;
  height: 240px;
  margin-left: 10px;
}
.main .project .ms-pro .ms-content .ms-l .ms-txt,
.main .project .ms-pro .ms-content .ms-r .ms-txt{
  text-align: center;
  color: #000;
  margin: 36px 0px 0px 78px;
}
.main .project .ms-pro .ms-content .ms-r .ms-pic{
  margin-left: 30px;
}
.main .project .ms-pro .ms-content .ms-l h1,
.main .project .ms-pro .ms-content .ms-r h1{
  margin-bottom: 15px;
  font-size: 25px;
}
.main .project .ms-pro .ms-content .ms-l p:last-child,
.main .project .ms-pro .ms-content .ms-r p:last-child{
  margin-top: 20px;
}
/* 价格字体颜色 */
.main .project .ms-pro .ms-content .price-font{
  font-size: 16px;
  font-weight: 700;
  color: #BA251F;
}
.main .project .ms-pro .ms-content .price-font .lg-font{
  font-size: 30px;
}
.main .project .ms-pro .ms-content .price-font .del-price{
  font-weight: 400;
  color: #BDBDBD;
  padding-left: 10px;
  text-decoration: line-through;
}
/* 拼团钜惠 */
.main .project .pt-pro .pic{
  background: url(../images/2300d225-93d6-48a1-a3d8-cdce4a561ae5.jpg) no-repeat  center;
}
.main .project .pt-pro .pt-shop{
  height: 917px;
  margin: auto;
  background: url(../images/6983aafe-2004-449a-bf6c-1f9b64f59d8a.jpg) no-repeat center center;
}
/* 翻牌抽奖 */
.main .project .cj-pro .pic{
  background: url(../images/3f5555b9-1110-4564-ab21-fca70eb50de4.jpg) no-repeat  center;
}
/* 抽奖区翻牌 */
.main .project .cj-pro .cj {
  float: left;
  width: 772px;
  height: 570px;
  padding: 20px;
}
.main .project .cj-pro .cj .cj-block{
  float: left;
  width: 220px;
  height: 160px;
  margin: 7px;
  border-radius: 12px;
  background: #fff;
  background: url(../images/0924a81c-feff-4686-a4ca-b90913d51d5d.png) center center;
  background-size: contain !important;

}
.main .project .cj-pro .cj .bg-img2{
  background: url(../images/a38461b2-8317-4a66-877a-ee3d1ed8ea27.png) center center;
}
.main .project .cj-pro .cj .bg-img3{
  background: url(../images/c8214cf6-778a-4dc9-a068-bc91622f3e24.png) center center;
}
.main .project .cj-pro .cj .bg-img4{
  background: url(../images/64d992f3-4796-4250-9dcb-ba51f753571a.png) center center;
}
.main .project .cj-pro .cj .bg-img5{
  background: url(../images/7848e6d2-8420-410e-893d-fbd3b9ac1e78.png) no-repeat center center;
}
.main .project .cj-pro .cj .bg-img6{
  background: url(../images/11882399-5e41-460b-9ad1-2a2c32f700db.png) no-repeat center center;
}
.main .project .cj-pro .cj .bg-img7{
  background: url(../images/11882399-5e41-460b-9ad1-2a2c32f700db.png) center center;
}
.main .project .cj-pro .cj .bg-img8{
  background: url(../images/f19ce100-4afc-439e-bc90-5b92e4755c07.png) center center;
}
.main .project .cj-pro .cj .bg-img9{
  background: url(../images/a38461b2-8317-4a66-877a-ee3d1ed8ea27.png) center center;
}
/* 获奖人员 */
.main .project .cj-pro .cj-pep {
  float: right;
  width: 400px;
  height: 530px;
  padding:40px ;
  border-radius: 12px;
  background: #fff;
}
.main .project .cj-pro .cj-pep{
  font-size: 12px;
  text-align: center;
}
/* 活动规则 */
.main .project .cj-pro .cj-pep .rule {
  width: 267px;
  margin: 0 auto;
}
.main .project .cj-pro .cj-pep .rule .retul-detailed{
  width: 276px;
  height: 136px;
  margin: 15px 0;
  text-align: left;
  font-size: 12px;
  color: #908C8A;
  overflow: hidden;
}

/* 获奖名单 */
.main .project .cj-pro .cj-pep .peplist{
  margin-top: 60px;
}
.main .project .cj-pro .cj-pep .list{
 height: 148px;
 overflow: hidden;
}
/* 底部服务 */
.main .project .service{
  height: 374px;
  background: url(../images/87aa1194-bfb7-4943-bbba-3d35e61e3b9f.jpg) no-repeat center center;
}
/*活动详细按钮 返回顶部按钮 */
.footer-btns{
  padding: 20px 0 80px 0;
  text-align: center;
}
.footer-btns a{
  display:inline-block;
  width: 200px;
  margin: 0 20px;
  border-radius: 20px;
  background: #F1E5BB;
  line-height: 60px;
  font-size: 26px;
  font-weight: 700;
  color: #BA251F;
}